<%--
  Created by IntelliJ IDEA.
  User: 13044
  Date: 2020/5/28
  Time: 14:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户登录页面</title>
    <script src="/js/jquery.js"></script>
    <script src="/js/jquery.cookie.js"></script>
    <script src="/js/myAjax.js"></script>
    <script src="/js/user.js"></script>

</head>
<script>


    //方法一 可以跨服务器
    //    1.登陆后台，登陆成功：返回一个cookie值，并将值存入redis
    //    2.将后台传递过来的值，封装到cookie里面，加一个过期时间。
    //    3.在过滤器里面添加一个判断，通过String token = request.getParameter("token");拿到值
    //    4.将这个值和redis里面的值进行比较，成功跳转，不成功，不跳转
    //    5.myajax里面添加一个属性 dataa.token= $.cookie("token");我们需要将每一个访问都添加一个数性值

    //方法二  不能跨服务器，
    //    1.需要在登陆后台写入cookie
    //     Cookie cookie=new Cookie("username", username);
    //     cookie.setMaxAge(200000);
    //     resp.addCookie(cookie);
    //    2.在js里面需要添加自动携带cookie
    //     xhrFields: {
    //         withCredentials: true //允许跨域带Cookie
    //     },
    //    3.在过滤器里面添加
    //     Cookie[] cookies = request.getCookies();
    //     String username="";
    //     for (Cookie aa:cookies){
    //         if(aa.getName().equals("username")){
    //             username=aa.getValue();
    //         }
    //     }


</script>
<body>
<%--<form action="/login" method="get">--%>
${result}
<div>用户名：<input type="text" id="username" name="username"/><span id="spanUsername"></span></div>
<div>密码：<input type="text" id="password" name="password"/><span id="spanPassword"></span></div>
<div>验证码：<input type="text" id="code" name="code"/><img src="/code" id="codeurl" onclick="changeImg(this)">
</div>
<div><input type="button" value="登录" onclick="login()">
    <input type="button" value="注册" onclick="toRegisterJsp()">
</div>

<%--</form>--%>
</body>
</html>
